
/*设置页面整体 内外边距、高度*/
html,body {padding: 0;margin: 0;height: 100%;}
/*框架 主面板背景色、处理div内容塌陷*/
.container{overflow: hidden;background-color: #eeeeee;}
/*框架 主面板、头部、选项卡、选项卡对应内容、logo 内外边距*/
.container, .blue-header, .blue-tabs, .blue-body-panel, .blue-logo {padding: 0;margin: 0;}
/*框架 主面板、左侧菜单栏、选项卡对应内容 高度*/
.container, .blue-side, .blue-body-panel {height: 100%;}
/*顶部 div 高度、背景色*/
.blue-header {height:50px;background-color: #3366FF;}
/*顶部 div 字体颜色 */
.blue-header span, i{color: white;}
.blue-header .blue-logo {float:left;text-align: left;line-height: 50px;color: white;margin-left: 10px;font-size: 20px}
.blue-header .blue-nav-ul li a span,li a i {color: white}
/*顶部 div 鼠标滑入 字体颜色*/
.blue-header .blue-nav-ul a:hover span,a:hover i {color: black;}
/*底部版权*/
.blue-bottom {height: 35px;background-color: #FFFFFF;position: fixed;bottom: 0;line-height: 40px;text-align: center;font-weight: bold;color: #337ab7}
/*左侧菜单栏 div*/
.blue-side {background-color: #e3e7ec;float: left;height: 100%}
/*左侧菜单栏ul 水平居中，顶部边距 20*/
.blue-side .blue-side-menu{margin:0 auto;padding-top: 20px}
/*左侧菜单栏 鼠标滑入时，鼠标样式*/
.blue-side .blue-side-menu ul,li,a {cursor: pointer;}
/*左侧菜单栏 字体颜色*/
.blue-side .blue-side-menu i,span {color: #337ab7}
/*去除菜单栏 li 的列表点*/
.blue-side .blue-side-menu li {list-style-type: none}
/*菜单栏列表缩进尺寸*/
.blue-side .blue-side-menu ul {margin-left:30px;}
/*选项卡 div高度、背景色、行内文字高度*/
.blue-tabs {height: 40px;background-color: #f9f9f9;line-height: 40px;}
/*选项卡 字体颜色*/
.blue-tabs div,span, i{color: #337ab7;font-weight: bold}
/*选项卡 左侧队列*/
.blue-tabs .blue-tabs-item {padding: 0px;margin: 0px;overflow: hidden;}
/*选项卡 激活*/
.blue-tabs .blue-tabs-item .active{background-color: #CCFF99;}
.blue-tabs .blue-tabs-item li {width: 100px;overflow: hidden;line-height:22px;background-color: #f4f6f8;padding: 9px 6px;cursor: pointer;border-right: 1px solid #eeeeee;position: relative;float: left;}
.blue-tabs .blue-tabs-item li .active{background-color: #eeeeee;}
.blue-tabs .blue-tabs-item li .title {font-size: 12px;padding-left: 5px;float: left;overflow: hidden;}
/*选项卡 叉号的处理 圆形*/
.blue-tabs .blue-tabs-item li .closer {position: absolute;right: 2px;top: 11px;width: 16px;height: 16px;line-height:16px;-moz-border-radius: 50px;-webkit-border-radius: 50px;border-radius: 50px;}
.blue-tabs .blue-tabs-item .closer:hover {background-color: #FF6600;color: white}
.closer {position: absolute;right: 2px;top: 11px;width: 16px;height: 16px;line-height:16px;-moz-border-radius: 50px;-webkit-border-radius: 50px;border-radius: 50px;}
.closer:hover {background-color: #FF6600;color: white}
/*内容面板*/
.blue-body-panel {background-color: #EEEEEE;overflow:hidden;}
/*选项卡对应的内容面板 左、上外边距*/
.blue-body-panel>.blue-tabs-body {background-color: white;height:84%;width: 98.5%;margin-left: 10px;margin-top: 10px;overflow-y:auto;}
.blue-body-panel>.blue-tabs-body>.blue-tab-pane {height: 100%}
.blue-body-panel>.blue-tabs-body>.blue-tab-pane>.blue-main-content {height: 100%}
.blue-body-panel>.blue-tabs-body>.blue-tab-pane>.blue-main-content>.blue-index-nav {height: 100%}
.blue-body-panel>.blue-tabs-body>.blue-tab-pane>.blue-main-content>.blue-index-body {float: left}
/*form表单*/
.blue-form-horizontal,.blue-form-inline{animation-duration:.2s;animation-name:fadeInDown}
.blue-form-unit {font-size:15px;font-style:oblique;color:#6379bb;border-bottom:1px solid #ddd;margin:8px 10px 25px 10px;padding-bottom:5px}
.blue-form-group .blue-control-label{font-weight:normal;padding-top:3px;text-align:right;padding-right:0}
.blue-form-group .blue-control-label .required{color:#e02222}
.blue-form-group .blue-control-label i{vertical-align:middle}
.blue-form-group .control-text{padding-top:4px}
.blue-form-group.has-error .input-group-btn .btn{border-color:#dd4b39}
.blue-control-label {color: #6379bb}
.blue-form-control{padding:3px 6px 4px;height:30px;font-size:14px}
.blue-form-control{padding:3px 6px 4px;height:30px;font-size:14px}
@media(max-width:767px) {.blue-box-footer .row{text-align:center;padding-right:20px}}

.blue-main-content{margin:0;padding:0;border-radius:0;maring-right:-2px}
.blue-box-main{margin:0;border:0;padding-top:2px;border-radius:0;box-shadow:none}
.blue-box-main>.blue-box-header{padding:12px 10px 2px 15px;overflow:hidden;}
.blue-box-main>.blue-box-header .blue-box-title{font-size:16px;margin-bottom:13px;float:left;color: #6379bb}
.blue-box-main>.blue-box-header .blue-box-title .fa{font-size:14px;padding-right:3px;margin-top:-2px}
.blue-box-main>.blue-box-header .blue-box-tools{position:relative;top:-5px;right:0}
.blue-box-main>.blue-box-header .blue-box-tools .btn{padding:3px 10px 5px 10px;font-size:14px;margin-bottom:2px}
.blue-box-main>.blue-box-header .blue-box-tools .btn-box-tool{padding:4px 2px}
.blue-box-main form>.blue-box-footer .row {margin:5px 0 5px -25px}
.blue-main-content>.blue-index-nav{float: left;border-right: 1px solid #eee;}
.input-group-btn .btn{height:34px;padding:2px 10px 2px 10px}
.input-group-btn .btn.btn-sm{padding:4px 3px 3px 3px}
.blue-box-body .blue-jqGrid-Body {margin:0 auto}

.blue-form-inline .blue-form-group{display:inline-block;margin-bottom:10px;vertical-align:middle;margin-right:6px}
.blue-form-inline .blue-control-label{text-align:right;font-size:13px;vertical-align:baseline}
.blue-form-inline .blue-control-inline{display:inline-block;width:auto;vertical-align:middle}
/*提示框弹层*/
.blue-layer-bg {display: none;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: black;z-index: 1001;-moz-opacity: 0.3;opacity: .30;filter: alpha(opacity=30);}
.blue-layer-show {display: none;position: absolute;top: 25%;left: 40%;width: 33%;height: auto;padding: 8px;z-index: 1002;overflow: auto;}
.blue-layer-content {height: 60px;position: relative;line-height: 60px;text-align: center;color:  #337ab7;font-weight: bold;}
.blue-layer-closer {padding-top: 7px;overflow: hidden;}
.blue-layer-closer button {float: right;}
.blue-layer-title {font-weight: bold;font-size: 15px;background: #fff;height: 40px;line-height: 45px;padding: 0 80px 0 20px;border-bottom: 1px solid #eee;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;border-radius: 2px 2px 0 0;}

.blue-bs-glyphicons {padding-bottom: 1px;margin-bottom: 20px;list-style: none;}
.blue-bs-glyphicons li {width: 12.5%;}
.blue-bs-glyphicons li {float: left;width: 21%;font-size: 12px;text-align: center;border: 1px solid #ddd;}
.blue-bs-glyphicons .glyphicon {margin-top: 5px;margin-bottom: 10px;font-size: 24px;}

.blue-required {color: red}
.blue-tool {float:left;cursor:pointer;margin-right: 10px;}

.col-center-block {
    /**  -ms代表ie内核识别码
     *   -moz代表火狐内核识别码
     *   -webkit代表谷歌内核识别码
     *   -o代表欧朋【opera】内核识别码
     */
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform:  translateY(-50%);
    -ms-transform:  translateY(-50%);
    -o-transform:  translateY(-50%);
    transform:  translateY(-50%);
}
.layui-layer-content {
    height: 306px;
    position: relative;
}
.layui-layer-title {
    font-weight: bold;
    font-size: 15px;
    background: #fff;
    height: 45px;
    line-height: 45px;
    padding: 0 80px 0 20px;
    border-bottom: 1px solid #eee;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-radius: 2px 2px 0 0;
}





.treeShowHideButton {
    position: absolute;
    right: 8px;
    top: 2px;
    font-size: 12px;
    color: #333;
    z-index: 3;
}
.treeShowHideButton label {
    cursor: pointer;
}
.treeSearchInput {
    padding: 13px 0 0 20px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
}
.treeSearchInput label {
    padding: 5px 0 3px 0;
    font-size: 13px;
    font-weight: normal;
    vertical-align: middle;
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}
.treeSearchInput input {
    width: 145px;
    vertical-align: middle;
    line-height: 24px;
    height: 26px;
    border: 1px solid #bbb;
    padding: 0 4px;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
.treeSearchInput button {
    border: 1px solid #bbb;
    vertical-align: middle;
    height: 26px;
    height: 26px\9;
    font-size: 13px;
    background: #efefef;
    padding: 0 8px;
}
.treeSearchInput .btn {
    border-radius: 3px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid transparent;
}

.modal-bg {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index: 1001;
    -moz-opacity: 0.3;
    opacity: .30;
    filter: alpha(opacity=30);
}
.modal-show {
    display: none;
    position: absolute;
    top: 25%;
    left: 30%;
    width: 33%;
    height: auto;
    padding: 8px;
    z-index: 1002;
    overflow: auto;
}

